// 导入明细
<template>
  <div class="box">
    <el-card>
      <div class="title">
        <el-button type="primary">保存</el-button>
        <h2>2025xx行动</h2>
      </div>

      <el-table :data="tableData" style="width: 100%" :height="tableHeight" border>
        <el-table-column prop="classify" label="分类" min-width="100" align="center">
          <template slot-scope="scope">
            <el-input type="textarea" :autosize="{ minRows: 5, maxRows: 5 }" v-model="scope.row.classify"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="KeyTasks" label="任务标题" min-width="250">
          <template slot-scope="scope">
            <el-input type="textarea" :autosize="{ minRows: 5, maxRows: 5 }" v-model="scope.row.KeyTasks"></el-input>
          </template>
        </el-table-column>
        <el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
        <el-table-column prop="Specific" label="具体任务" min-width="300">
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.Specific" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="Report" label="工作检举" min-width="250">
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.Report" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="standard" label="完成标准" min-width="500">
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.standard" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
          </template>
        </el-table-column>
        <el-table-column
          prop="achievement"
          label="预期标志性成果"
          min-width="300"
          :autosize="{ minRows: 5, maxRows: 5 }"
        >
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.achievement" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="time" label="完成时间" min-width="180">
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.time" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
          </template>
        </el-table-column>
        <!-- <el-table-column prop="progress" label="完成进展" min-width="300">
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.progress" :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
          </template>
        </el-table-column> -->
        <el-table-column prop="person" label="责任部门" min-width="180">
          <template slot-scope="scope">
            <el-input type="textarea" v-model="scope.row.person" :autosize="{ minRows: 5, maxRows: 5 }"> </el-input>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'ImportDetails',
  data() {
    return {
      tableData: [
        {
          classify: '定方向',
          KeyTasks: '1.强化战略管理支撑体系',
          serial: '1',
          Specific: '搭建战略管控新体系。',
          standard:
            '1分解战略任务，纳入年度考核\n 2.研究经营发展改革重难点问题，推动协调解决\n 3.季度开展战略规划执行分析\n 4.每年底开展战略回顾复盘\n 5.视情况开展战略调整升级。',
          achievement: '形成战略流程管理体系。',
          time: '2025-04-01',
          progress: '',
          person: '部门1'
        },
        {
          classify: '定方向',
          KeyTasks: '1.强化战略管理支撑体系',
          serial: '2',
          Specific:
            '以做实二级平台为重点，推动相关子公司厘清管理定位，调整管理方式，提升管理水平，切实发挥二级平台管资产、管运营的功能作用。',
          standard:
            '以做实二级平台为导向，督促相关子公司转变管控角色，优化组织体系，提升管理水平，强化运营能力，切实发挥好二级平台管资产、管运营的功能。',
          achievement: '二级平台公司（保利文化、保利久联）对一线业务形成穿透管理机制。',
          time: '2025-12-01',
          progress: '',
          person: '部门2'
        },
        {
          classify: '定方向',
          KeyTasks: '2.深入谋划十五五发展规划',
          serial: '3',
          Specific:
            '深入子公司走访调研，进一步把握相关业务的产业政策、市场形势、发展趋势，并结合上级部署要求和集团功能定位、主责主业和拟培育方向，提出集团“十五五”时期战略定位、主攻方向、发展目标、主要路径等，编制集团公司“十五五”规划指引及总体规划。',
          standard:
            '各子公司初步明晰本企业“十五五”发展思路，集团初步明确“十五五”发展思路，形成集团公司“十五五”发展总体规划。',
          achievement: '1.集团“十五五”发展初步思路 \n 2.集团“十五五”规划总体框架\n 3.集团“十五五”发展总体规划',
          time: '1.2025年3月 \n 2. 2025年6月 \n 3.2025年10月',
          progress: '',
          person: '部门3'
        },
        {
          classify: '定方向',
          KeyTasks: '2.深入谋划十五五发展规划',
          serial: '4',
          Specific:
            '以集团总体规划（即集团五年规划）为指引，加快健全包括各管理条线职能规划、各子公司五年规划、重点业务领域（含拟培育业务）专项规划等在内的二级规划体系。',
          standard:
            '各部门、各子公司根据集团公司“十五五”规划编制总体部署，同步开展相关职能条线、业务板块“十五五”规划研究制定工作，积极构建包括集团总体规划、相关职能条线规划、子公司业务规划的集团战略规划体系。',
          achievement: '1.相关部门形成重点管理条线职能规划\n2.各子公司形成五年规划、重点业务领域(视情)专项规划',
          time: '2025/10/3',
          progress: '',
          person: '部门1'
        },
        {
          classify: '定方向',
          KeyTasks: '3.梳理主责主业和功能使命',
          serial: '5'
        },
        {
          classify: '定方向',
          KeyTasks: '3.梳理主责主业和功能使命',
          serial: '6'
        }
      ],
      tableHeight: ''
    }
  },
  created() {
    // 100是表格外其它布局占的高度，这个数值根据自己实际情况修改
    this.tableHeight = window.innerHeight - 225
  }
}
</script>

<style scoped>
.box {
  padding: 20px;
  background-color: #fdfbf2;
}
.el-card {
  background-color: transparent;
}
.box >>> .el-table,
.el-table__expanded-cell {
  background-color: transparent;
  /* border: 1px solid #000; */
}

.box >>> input {
  background-color: transparent;
}
.box >>> .el-select {
  width: 100%;
}
.box >>> .el-table th {
  background-color: transparent !important;
  /* border: 1px solid #000; */
}
.box >>> .el-table tr {
  background-color: transparent !important;
  /* border: 1px solid #000; */
}
.title {
  display: flex;
  padding-bottom: 20px;
}
h2 {
  margin: 0 auto;
}
</style>
